<template>
 
  <ul class="channnel">
     <li @click="$store.commit('channel/updateCurrentChannel', item.id)" :class="{ select: currentChannel === item.id }" v-for="item in channels"  :key="item.id">{{ item.name }}</li>
    <!-- <li>ios</li>
    <li>c++</li>
    <li>android</li>
    <li>css</li>
    <li>数据库</li>
    <li>区块链</li>
    <li>go</li>
    <li>产品</li>
    <li>后端</li>
    <li>linux</li>
    <li>人工智能</li>
    <li>php</li>
    <li>javascript</li>
    <li>架构</li>
    <li>前端</li>
    <li>python</li>
    <li>java</li>
    <li>算法</li>
    <li>面试</li>
    <li>科技动态</li>
    <li>js</li>
    <li>设计</li>
    <li>数码产品</li>
    <li>html</li>
    <li>软件测试</li>
    <li>测试开发</li> -->
  </ul>

</template>
<script>
import { mapGetters } from 'vuex'
export default{
computed: {
  ...mapGetters(['channels', 'currentChannel'])
},

  created () {
    this.$store.dispatch('channel/getChannels')
  },
   
}
</script>
